/*
 * @Date: 2022-01-03 16:01:53
 * @LastEditors: xiaole
 * @LastEditTime: 2022-01-03 20:16:38
 */
import React, { useState } from "react";
import { Layout, Avatar, Menu, Dropdown } from "antd";
// import {
//     MenuUnfoldOutlined,
//     MenuFoldOutlined,
//   } from 'ant-design/icons';
const { Header } = Layout;

export default function TopHeader() {
  const [collapsed] = useState(false);
  const menu = (
    <Menu>
      <Menu.Item>admin管理员</Menu.Item>
      <Menu.Item danger>退出</Menu.Item>
    </Menu>
  );
  return (
    <Header className="site-layout-background" style={{ background: "#fff" }}>
      {collapsed ? "展开" : "关闭"}

      <div style={{ float: "right" }}>
        <Dropdown overlay={menu}>
          <Avatar src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png" />
        </Dropdown>
      </div>
    </Header>
  );
}
